<%-- 
    Document   : mac_content
    Created on : Jan 7, 2012, 8:12:37 PM
    Author     : Turtle
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<div class="mac-pro">
    <a href="#">
        <img src="images/macbookair.jpg"/>
        <p>MacBook Air</p>
    </a>
    <a href="#">
        <img src="images/macbookpro.jpg"/>
        <p>MacBook Pro</p>
    </a>
    <a href="#">
        <img src="images/macmini.jpg"/>
        <p>Mac mini</p>
    </a>
    <a href="#">
        <img src="images/imac.jpg"/>
        <p>iMac</p>
    </a>
    <a href="#">
        <img src="images/macpro.jpg"/>
        <p>Mac Pro</p>
    </a>
    <a href="#">
        <img src="images/macosx.jpg"/>
        <p>OS X Lion</p>
    </a>
</div>
<div class="mac-list">
    <a class="mac-cur-list" href="#">Mac</a>
    <a href="#">Applications</a>
    <a href="#">Accessories</a>
    <a href="#">Server</a>
</div>
<div class="mac-macbook">
    <a href="#">
        <img src="images/promo_lead_macbookair.jpg"/>
    </a>
</div>
<div>
    <div class="mac-sub-mac">
        <a href="#">
            <img src="images/promo_lion.jpg"/>
        </a>
    </div>
    <div class="mac-sub-mac">
        <a href="#">
            <img src="images/promo_imac.jpg"/>
        </a>
    </div>
    <div class="mac-sub-mac">
        <a href="#">
            <img src="images/promo_icloud.jpg"/>
        </a>
    </div>
</div>
<div class="clr"/>
<div>&nbsp;</div>
<div class="mac-macbook2">
    <a href="#">
        <div>
            <img src="images/why_mac_hero.png"/>
        </div>
        <div>
            <p>Make the ultimate upgrade. To a Mac.</p>
            <p>Don't just upgrade your computer.</p>
            <p>Get a Mac and upgrade your entire computer experience.</p>
        </div>
    </a>
</div>

